<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main1.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<script src="static/3rd/ScrollText.js"></script>
		<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
		<script src="static/3rd/jquery.backstretch.min.js"></script>
		<style>
			.top_ec_pie>div{width:50%}
			.pieBoxRight ul{overflow: hidden;background: rgba(40,83,183,0.4);border: solid 1px #0841b6;display: inline-block;width:100%;}
			.pieLeft,.pieRight{float: left;}
			.pieBoxRight ul li{float: left;height: 36px;line-height: 36px;font-size: 14px;color: #fff;width: 50%;text-align: center;cursor: pointer;transition: all 0.3s;}
			.ecPieLeft,.ecPieRight{}
			.pieBoxRight ul li.active{font-weight: bold;font-size: 16px;color: #fce24f;}
			.timeLeft ul{height:220px}
			.timeLeft ul li{float: left;position: relative;height:100%}
			.timeLeft ul li>div{width: 105px;text-align: center;}
			.timeLeft ul li>div.timeBg{height:5px;position: relative;top:90px;cursor: pointer;}
			.timeLeft ul li>div.timeYear{position: absolute;font-size: 12px;font-weight: bold;color: #fff;}
			.timeLeft ul li>div.timeTitle{border-radius: 5px;;position: absolute;padding:5px;border:solid 1px rgba(72,119,235,0.3);background: rgba(0,246,255,0.1);color: #8cdfff;font-size:14px;}
			.timeLeft ul li>div.yearTitleLine{height: 103px;z-index: -1;top: 40px;left: 50%;width: 1px;background: #1a50a6;position: absolute;}
			.timeLeft ul li>div.yearTitleCir{height:5px;width:5px;border-radius: 100%;background: #fff;position: absolute;top: 90px;left: 50%;margin-left: -2px;}					
			.tipBox{background: rgba(0,0,0,0.5);border-radius: 5px;}
			.tipBox li{line-height: 24px;padding:5px;color: #fff;}
		</style>
								
		<style>
		::-webkit-scrollbar{width:3px;height:3px}
		::-webkit-scrollbar-track{background-color:#565677;}
		::-webkit-scrollbar-thumb{background-color:#00aff0;}
		::-webkit-scrollbar-thumb:hover {background-color:#9c3}
		::-webkit-scrollbar-thumb:active {background-color:#00aff0}
		</style>
	</head>
	<body style="background: #000026;"> 
		<img  class="bgImg" src="" alt="" />
		<!--<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="static/img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>-->
		<div class="container" id="page1st">
			<div class="header">
				<div class="logo">日常监测与应急保障</div>
				<a href="javascript:void();" class="pre_btn"></a>		
			</div>
			<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
			<div class="content">
				<div class="top_tip" style="margin-bottom:10px">截至2018年3月，监测<a href="http://10.255.200.31:8192/integration/jsp/orderLocalManagement/monitorManagement/selectBmInfoMonitorOrderTaskBrowse.jsp" target="_blank"><strong>64187</strong></a>项，处置<strong>424</strong>项
					<!-- <a class="aLinkHref" href="http://10.255.200.31:8192/integration/jsp/orderLocalManagement/monitorManagement/selectBmInfoMonitorOrderTaskBrowse.jsp" target="_blank"></a> -->
				</div>
				<div class="bottom_content">
					<div class="top_ec_pie">
						<div class="timeBoxBg boxBg" style="margin-left: 10px">
							<h2>重大项保障情况</h2>
							<div class="timeLeft" style="position: relative">
								<div class="timeLineBox" style="overflow-x: auto;">
									<ul class="timeLineBoxBig" style="margin:auto"></ul>
								</div>
							</div>
						</div>
						<ul class="tipBox" style="position: absolute;z-index: 9999;">
						</ul>
							
						<div class="pieBoxRight">
							<div class="pieLeft boxBg" style="margin-left:10px;">
								<ul>
									<li class="active">监测信息分类</li>
									<li>监测任务来源</li>
								</ul>
								<div id="ecPieLeft" class="ecPieLeft"></div>
							</div>
							<div class="pieRight boxBg" style="margin-left: 10px;">
								<ul>
									<li class="active">处置信息分类</li>
									<li>处置任务来源</li>
								</ul>
								<div id="ecPieRight" class="ecPieRight"></div>
							</div>
						</div>
					</div>
					<div class="bottom_ec_bar boxBg" style="margin: 10px 10px 0 10px;">
						<ul class="ec_tab bar_tab" style="position: relative;z-index: 9999;">
							<li class="active">行业管理</li>
							<li>扫黄打非</li>
							<li>教育考试</li>
							<li>日常应急</li>
						</ul>
						<div class="bottom_ec_bar_box">
							<div class="bottom_ec_bar">
								<h2 style="background: transparent;border: none;">处置内容分类</h2>
								<div class="ecBar" id="ecBar1st"></div>
							</div>
							<div class="bottom_ec_bar">
								<h2 style="background: transparent;border: none;">拦截处置数</h2>
								<div class="ecBar" id="ecBar2nd"></div>
							</div>
							<div class="bottom_ec_bar">
								<h2 style="background: transparent;border: none;">监测情况</h2>
								<div class="ecBar" id="ecBar3th"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="foot">
			<a href="javascript:void();" class="next_btn"></a>
		</div>
		<div class="foot_right_logo"></div>
		<!--<div class="map_open">
			<div class="map_shadow"></div>
			<div class="map_close"></div>
			<iframe src="static/全省接入资源视图.html" class="iframeBox" style="display: block;width: 90%; height:90%;left:5%;top:5%;z-index: 999;position: absolute;"marginheight="0" frameborder="0" scrolling="no" frameborder="0"></iframe>
		</div>-->
		
		<script src="static/js/calculate.js"></script>
		<script>
			calculate6th();
			window.onresize=function(){
				calculate6th();
			}
		</script>
		<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/china.js"></script>
		<script src="static/js/page6th.js"></script>
		<script src="static/js/page6thBar.js"></script>
		<script src="static/js/boxBg.js"></script>
		<script src="static/js/imgSkin.js"></script>
	</body>
</html>
